var d;

$(".tit_btn").bind('click',function(){
    location.reload();
});
$.ajax({
    url: '/teacherSystem/CoursePurchaseStatistics',
    type: "post",
    dataType: "json",
    data: {"name":"CoursePurchaseStatistics"},
    success: function (data) {
        selOperationlog("课程购买量");
        d=data.data;
       $(".beforeNum").html(d.total);
       $(".backNum").html(d.total1);
        ch(d.day,d.dayData)
    }
});
//本月
$(".active3").on('click',function(){
    $("#tip2").removeAttr("class","xiaxian ");
    $("#tip1").removeAttr("class","xiaxian");
    $("#tip3").attr("class","tip3 xiaxian");
    ch(d.month,d.monthData)
});
//本天
$(".active1").on('click',function(){
    $("#tip2").removeAttr("class","xiaxian ");
    $("#tip3").removeAttr("class","xiaxian");
    $("#tip1").attr("class","tip1 xiaxian");
    ch(d.day,d.dayData)
});
//本周
$(".active2").on('click',function(){
    $("#tip1").removeAttr("class","xiaxian ");
    $("#tip3").removeAttr("class","xiaxian");
    $("#tip2").attr("class","tip2 xiaxian");
    ch(d.week,d.weekData)
});
var chart = echarts.init($('#querycnt').get(0));
var chartOption = {
    legend: {
        data:["课程购买量"],
        bottom:20
    },
    grid:{
        top:10,
        height:170
    },
    xAxis: {
        data: [],
        axisLabel:{rotate:0,interval:0},
        axisLine:{
            show:false
        },
        axisTick:{
            show:false
        }
    },
    yAxis:  [{
        scale:true,
        name:"",
        axisLine:{
            show:false
        },
        axisTick:{
            show:false
        }
    }],
    tooltip:{},
    series: [{
        name: '课程购买量',
        type: 'line',
        smooth:true,
        data: [],
        itemStyle:{
            normal:{
                color:'#5aa7fe'
            }
        },
        areaStyle: {normal: {
                color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
                    offset: 0, color: '#5aa7fe' // 0% 处的颜色
                }, {
                    offset: 1, color: '#bcdbff' // 100% 处的颜色
                }], false)
            }}
    }
    ]//series
};//option
chart.setOption(chartOption);
chart.showLoading();
chart.hideLoading();
function ch(data,date){
    chart.setOption({
        xAxis: {
            data:date
        },
        series: [{
            name: '课程购买量',
            data:data
        }]
    });
}